import { createVNode, render } from 'vue'
import _Message from './index.vue'

function Message ({ type, text }) {
  // 生成虚拟dom节点
  const VNode = createVNode(
    _Message,
    { type, text }
  )
  // 手动创建挂载的节点
  const container = document.createElement('div')
  document.body.appendChild(container)

  // render函数完成挂载
  render(VNode, container)

  // 2s后消失
  setTimeout(() => {
    render(null, container)
  }, 2000)
}

export default Message
